<!DOCTYPE html>
<!-- saved from url=(0022)https://www.gsdyg.com/ -->
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>舞台灯光PC端</title>

  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />


  <script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
  <!--superslider插件 -->
  <script type="text/javascript" src="./js/jquery.SuperSlide.2.1.1.js"></script>

  <link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <link href="./css/reset.css" rel="stylesheet" type="text/css" />
  <link href="./css/css.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="./js/time.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/Popt.js"></script>
  <script src="js/cityJson.js"></script>
  <script src="js/citySet.js"></script>
  <script src="js/simpleNavFollowing.js"></script>
  <script src="js/distpicker.data.js"></script>
  <script src="js/distpicker.js"></script>
  <link rel="stylesheet" type="text/css" href="css/flatpickr.min.css">
  <script src="js/flatpickr.js"></script>

  <script type="text/javascript" src="./js/js.js"></script>
  <link rel="stylesheet" href="./css/iconfont.css" />
</head>

<body>
  <div class="top">
    <div class="indexcontent1400 top-c">
      <div class="top-left">

        <div id="city" class="text"><span
            class="iconfont icon-dingwei"></span><span class="name">佛山市</span>
          <span class="iconfont icon-jiantou2"></span>
        </div>

        <div class="text">
          登录/注册
        </div>
        <!-- <div class="user">您好，elina <span
            class="iconfont icon-jiantou2"></span>

          <div class="userPic">
            <img src="./images/userPic.png" />
            <a>退出</a>
          </div> 

        </div>-->
      </div>
      <ul class="top-right">
        <li>
          <div>卖家中心<span class="iconfont icon-jiantou2"></span></div>
          <dl>
            <dd><a href="myOrder.html">我的订单</a></dd>
            <dd><a>我的收藏</a></dd>
          </dl>
        </li>
        <li>
          <div>我是商家<span class="iconfont icon-jiantou2"></span></div>
          <dl>
            <dd><a href="">我共享的</a></dd>
            <dd><a>我发布的</a></dd>
            <dd><a>我的商品</a></dd>
            <dd><a>商家管理</a></dd>
          </dl>
        </li>
        <li>
          <div>帮助中心<span class="iconfont icon-jiantou2"></span></div>
          <dl>
            <dd><a>联系客服</a></dd>
            <dd><a>意见反馈</a></dd>
            <dd><a>关于我们</a></dd>
          </dl>
        </li>
        <li>
          <div>建议反馈</div>
        </li>
        <li>
          <div>手机端</div>
          <dl class="ewm">
            <dd style="text-align:center"><img src="images/ewm.png" alt="">
              <p>手机扫码进入小程序</p>
            </dd>

          </dl>
        </li>
      </ul>
    </div>
  </div>
  <div class="top2 ">
    <div class="indexcontent1400 top2-c">
      <a href="index.html" class="logo">
        <img src="./images/logo.png" alt="logo">
        <p>为闲置灯具重塑价值</p>
      </a>
      <div>
        <div class="search">
          <div class="search-box">
            <div class="search-input">
              <input type="text" placeholder="光束灯">
            </div>
            <button>搜索</button>
          </div>

        </div>
        <div class="search-hot">
          <a>舞台面光灯</a>
          <a>图案切割灯</a>
          <a>切割染色灯</a>
          <a>智能图案灯</a>
          <a>LED成像灯</a>
          <a>平板会议灯</a>
        </div>
      </div>
      <div class="button-box">

        <a href="myOrder.html" class="button">我的订单</a>
      </div>
    </div>
  </div>
  </div>
  <div class="indexcontent1400 sharedOrdering">
    <div class="sharedOrdering-title">确认订单信息</div>
    <div class="sharedOrdering-content">
      <div class="sharedOrdering-content-title">收货地址
        <a style="margin-left: 5px;" data-bs-toggle="modal"
          data-bs-target=".exampleModal1">
          <span class="iconfont icon-jia"></span>新增收货地址
        </a>
      </div>
      <ul class="addressList" style="height: 161px;">
        <li class="active address-item" data-bs-toggle="modal"
          data-bs-target=".exampleModal">

          <div class="default">默认地址</div>
          <div class="address-item-name">
            <span class="name">张三</span>
            <span class="phone">13888888888</span>
          </div>
          <div class="address-item-desc sl2">中国广东省广州市从化高新工业区某某路1279号</div>

        </li>
        <li class="address-item" data-bs-toggle="modal"
          data-bs-target=".exampleModal">

          <div class="default">默认地址</div>
          <div class="address-item-name">
            <span class="name">张三</span>
            <span class="phone">13888888888</span>
          </div>
          <div class="address-item-desc sl2">中国广东省广州市从化高新工业区某某路1279号</div>

        </li>
        <div class="clearfix"></div>
      </ul>
      <div class="expandAndCollapse">
        展开所有地址<span class="iconfont icon-jiantou2"></span>
      </div>
      <ul class="sharedOrdering-list">
        <li class="sharedOrdering-item">
          <div class="sharedOrdering-item-top">
            <div class="title">共享订单1</div>
            <div class="companyName">佛山某某某公司</div>
            <div class="date">选择共享周期：<input class="flatpickr-tryme startTime"
                data-date-format="Y-m-d"> - <input
                class="flatpickr-tryme endTime" data-date-format="Y-m-d"></div>
          </div>
          <div class="address-item-table">
            <table class="table">
              <thead>
                <tr>
                  <th scope="col" width="300">商品名称</th>
                  <th scope="col" width="250">单价/元</th>
                  <th scope="col" width="250">数量</th>
                  <th scope="col">租金/元</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>
                    <div class="product">
                      <div class="pic"><img src="images/1.png"
                          alt=""><span>失效</span></div>
                      <div>
                        <div class="name sl2">祥明350W高效追光灯 FS350/舞台追光灯</div>
                        <div class="spec">旗舰版</div>
                      </div>
                    </div>

                  </td>
                  <td><span class="unitPrice">123.00</span>/天</td>
                  <td>
                    <div class="num_input">
                      <div class="minus btn"> - </div>
                      <input type="text" value="1">
                      <div class="plus btn"> + </div>
                    </div>
                  </td>
                  <td>
                    <div class="row-total"></div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div class="product">
                      <div class="pic"><img src="images/1.png"
                          alt=""><span>失效</span></div>
                      <div>
                        <div class="name sl2">祥明350W高效追光灯 FS350/舞台追光灯</div>
                        <div class="spec">旗舰版</div>
                      </div>
                    </div>

                  </td>
                  <td><span class="unitPrice">123.00</span>/天</td>
                  <td>
                    <div class="num_input">
                      <div class="minus btn"> - </div>
                      <input type="text" value="1">
                      <div class="plus btn"> + </div>
                    </div>
                  </td>
                  <td>
                    <div class="row-total"></div>
                  </td>
                </tr>
                <tr class="sx">
                  <td>
                    <div class="product">
                      <div class="pic"><img src="images/1.png"
                          alt=""><span>失效</span></div>
                      <div>
                        <div class="name sl2">祥明350W高效追光灯 FS350/舞台追光灯</div>
                        <div class="spec"><img src="images/icon10.png"
                            width="18" height="18">该商品已不能租赁，请选其他商品</div>
                      </div>
                    </div>

                  </td>
                  <td></td>
                  <td></td>
                  <td></td>
                </tr>

              </tbody>
            </table>
          </div>
          <div class="sharedOrdering-form">
            <div class="form-item">活动场所：
              <input style="width: 200px;" type="text">
            </div>
            <div class="form-item">给卖家留言：
              <input lang="tj" maxlength="100" type="text"
                style="width: 300px;">
              <span><strong class="n">0</strong>/100</span>
            </div>
            <div class="price">
              <div>租金：<span class="item-total"></span>元</div>
              <div>需支付押金：<span class="item-deposit-total"></span>元</div>
            </div>
          </div>
        </li>
        <li class="sharedOrdering-item">
          <div class="sharedOrdering-item-top">
            <div class="title">共享订单2</div>
            <div class="companyName">佛山某某某公司</div>
            <div class="date">选择共享周期：<input class="flatpickr-tryme startTime"
                data-date-format="Y-m-d"> - <input
                class="flatpickr-tryme endTime" data-date-format="Y-m-d"></div>
          </div>
          <div class="address-item-table">
            <table class="table">
              <thead>
                <tr>
                  <th scope="col" width="300">商品名称</th>
                  <th scope="col" width="250">单价/元</th>
                  <th scope="col" width="250">数量</th>
                  <th scope="col">租金</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>
                    <div class="product">
                      <div class="pic"><img src="images/1.png"
                          alt=""><span>失效</span></div>
                      <div>
                        <div class="name sl2">祥明350W高效追光灯 FS350/舞台追光灯</div>
                        <div class="spec">旗舰版</div>
                      </div>
                    </div>

                  </td>
                  <td><span class="unitPrice">123.00</span>/天</td>
                  <td>
                    <div class="num_input">
                      <div class="minus btn"> - </div>
                      <input type="text" value="1">
                      <div class="plus btn"> + </div>
                    </div>
                  </td>
                  <td>
                    <div class="row-total"></div>
                  </td>
                </tr>
                <tr class="sx">
                  <td>
                    <div class="product">
                      <div class="pic"><img src="images/1.png"
                          alt=""><span>失效</span></div>
                      <div>
                        <div class="name sl2">祥明350W高效追光灯 FS350/舞台追光灯</div>
                        <div class="spec"><img src="images/icon10.png"
                            width="18" height="18">该商品已不能租赁，请选其他商品</div>
                      </div>
                    </div>

                  </td>
                  <td></td>
                  <td></td>
                  <td></td>
                </tr>

              </tbody>
            </table>
          </div>
          <div class="sharedOrdering-form">
            <div class="form-item">活动场所：
              <input style="width: 200px;" type="text">
            </div>
            <div class="form-item">给卖家留言：
              <input lang="tj" maxlength="100" type="text"
                style="width: 300px;">
              <span><strong class="n">0</strong>/100</span>
            </div>
            <div class="price">
              <div>租金：<span class="item-total"></span>元</div>
              <div>需支付押金：<span class="item-deposit-total"></span>元</div>
            </div>
          </div>
        </li>
      </ul>
      <div class="total">
        <div><span style="margin-right: 10px;">数量总计：<span
              class="num-total"></span>件</span>
          商品总租金：<strong class="list-total"></strong>元</div>
        <div>运费总计<strong class="freight-total">0.00</strong>元</div>

        <div class="price">应付押金：<strong class="deposit-total"></strong>元</div>
      </div>
      <div class="submit-bottom">

        <span>应付金额：<strong class="all-total"></strong>元</span>
        <div class="button">提交订单</div>

      </div>
    </div>
  </div>
  </div>

  <script>
    function getRowTotal () {
      let total = 0
      $('.sharedOrdering-list .sharedOrdering-item .address-item-table tr .row-total').each(function () {
        const row = $(this).parent().parent()
        $(this).html((row.find('.unitPrice').html() * row.find('.num_input input').val()).toFixed(2))
        total += parseInt(row.find('.num_input input').val())
        $('.num-total').html(total)
      })
    }
    function getItemTotal () {
      $('.sharedOrdering-list .sharedOrdering-item .item-total').each(function () {
        const row = $(this).parent().parent().parent().parent().find('.row-total')
        let total = 0
        row.each(function () {

          total += parseInt($(this).html())
        })
        $(this).html(total.toFixed(2))

        $(this).parent().parent().find('.item-deposit-total').html(total.toFixed(2))
      })
    }
    function getListTotal () {
      let total = 0
      $('.sharedOrdering-list .sharedOrdering-item .item-total').each(function () {
        total += parseInt($(this).html())
        $('.list-total').html(total.toFixed(2))

      })
    }
    function getItemDepositTotal (params) {
      let total = 0
      $('.sharedOrdering-list .sharedOrdering-item .item-deposit-total').each(function () {
        total += parseInt($(this).html())
        $('.deposit-total').html(total.toFixed(2))
      })
    }
    function getAllTotal (params) {
      console.log()
      $('.all-total').html((parseInt($('.list-total').html()) + parseInt($('.freight-total').html()) + parseInt($('.deposit-total').html())).toFixed(2))
    }

    $(('.num_input input')).on('input', function () {
      getRowTotal()
      getItemTotal()
      getListTotal()
      getItemDepositTotal()
      getAllTotal()
    })

    getRowTotal()
    getItemTotal()
    getListTotal()
    getItemDepositTotal()
    getAllTotal()
  </script>


  <!-- Modal -->
  <div class="modal  fade exampleModal1" tabindex="-1"
    aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div style="width: 660px;" class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header">
          <h1 class="modal-title fs-6" id="exampleModalLabel">新增收货地址</h1>
          <button type="button" class="btn-close" data-bs-dismiss="modal"
            aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <form>
            <div class="row mb-3">
              <label class="col-sm-2 col-form-label">智能地址填写</label>
              <div class="col-sm-10">
                <div style="position: relative;">
                  <textarea class="form-control"
                    placeholder="粘贴或输入文本，如：张三 18680017890，广东省佛山市祖庙街道百花大厦2901号"></textarea>
                  <div class="btn-box">
                    <div class="button">清空</div>
                    <div class="button highlight">提交</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="row mb-3">
              <label class="col-sm-2 col-form-label"><span
                  class="required">*</span>收件人</label>
              <div class="col-sm-10">
                <input class="form-control" placeholder="长度不超过20个字符"></input>
              </div>
            </div>
            <div class="row mb-3">
              <label class="col-sm-2 col-form-label"><span
                  class="required">*</span>收货地址</label>
              <div class="col-sm-10 dz">
                <div id="distpicker" data-toggle="distpicker">
                  <select style="color:#999"></select>
                  <select style="color:#999"></select>
                  <select style="color:#999"></select>
                </div>
              </div>
            </div>
            <div class="row mb-3">
              <label class="col-sm-2 col-form-label"><span
                  class="required">*</span>街道地址</label>
              <div class="col-sm-10">
                <textarea class="form-control"
                  placeholder="建议你填写真实的详细地址，列入街道名称，门牌号码，楼层和房间号等信息"></textarea>
                <div class="desc"><img
                    src="./images/icon11.png">收货地址（含省市区）不超过50个字符！</div>
              </div>
            </div>
            <div class="row mb-3">
              <label class="col-sm-2 col-form-label"><span
                  class="required">*</span>电话号码</label>
              <div class="col-sm-10">
                <input class="form-control" placeholder="请输入正确的电话号码"></input>
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <a data-bs-dismiss="modal">关闭</a>
          <button type="button" class="btn btn-primary">确定</button>


        </div>
      </div>
    </div>
  </div>
  <!-- Modal -->
  <div class="modal alert msg-box  fade exampleModal" tabindex="-1"
    aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div style="width: 415px;" class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header">
          <h1 class="modal-title fs-6" id="exampleModalLabel"></h1>
          <button type="button" class="btn-close" data-bs-dismiss="modal"
            aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <div class="msg-box-title">切换默认地址</div>
          <div class="msg-box-content">确定要切换默认地址吗？</div>
        </div>
        <div class="modal-footer">
          <a data-bs-dismiss="modal">取消</a>
          <button type="button" class="btn submit btn-primary">确定</button>
         

        </div>
      </div>
    </div>
  </div>
  <script>

    if ($('.addressList .address-item').length < 3) {
      $('.expandAndCollapse').hide()
    }
    $('.exampleModal').on('show.bs.modal', function (event) {
      let index = $(event.relatedTarget).index() // 触发事件的按钮  
      $('.exampleModal .submit').on('click', function () {
        $('.addressList .address-item').eq(index).addClass('active').siblings().removeClass('active')
        $('.exampleModal').modal('hide')
      })

      // 
    })

  </script>
  <script>
    var $distpicker = $('#distpicker');

    $distpicker.distpicker({
      autoSelect: false, placeholder: true,
      province: '请选择省份',
      city: '请选择城市',
      district: '区/街道/县'
    });


    $("input[lang='tj").on('input', function () {
      $(this).siblings('span').find('.n').html($(this).val().length)

    })
    var expand = true
    $('.expandAndCollapse').click(function () {
      if (expand) {
        $(this).html('收起所有地址<span class="iconfont icon-jiantou3"></span>')
        $('.addressList').css('height', 'auto')
        expand = false

      } else {
        $(this).html('展开所有地址<span class="iconfont icon-jiantou2"></span>')
        $('.addressList').css('height', '161px')
        expand = true
      }

    })
  </script>
  <div class="foot">
    <div class="indexcontent1400 foot-c">
      <dl>
        <dt>买家指南</dt>
        <dd><a href="">功能介绍</a></dd>
        <dd><a href="">常见问题</a></dd>
        <dd><a href="">服务条款</a></dd>
      </dl>
      <dl>
        <dt>卖家指南</dt>
        <dd><a href="">入驻流程</a></dd>
        <dd><a href="">申请入驻</a></dd>
        <dd><a href="">常见问题</a></dd>

      </dl>
      <dl>
        <dt>网站导航</dt>
        <dd><a href="sharedSquare.html">共享广场</a></dd>
        <dd><a href="">二手市场</a></dd>
        <dd><a href="">官方自营</a></dd>
        <dd><a href="">案例展示</a></dd>
      </dl>
      <dl>
        <dt>友情链接</dt>
        <dd><a href="">明道灯光</a></dd>
        <dd><a href="">雅江光电</a></dd>
        <dd><a href="">彩熠灯光</a></dd>
        <dd><a href="">浩洋电子</a></dd>
      </dl>
      <dl>
        <dt>祥明手机端小程序</dt>
        <dd style="text-align:center"><img src="images/ewm.png" alt=""></dd>
      </dl>
    </div>
  </div>
  <div class="copyright">
    备案编号： 粤ICP备00000000000 Copyright ©2017-2025 佛山市某某科技有限公司 版权所有
  </div>
</body>

</html>